<template>
  <div style="display: block;" class="footer" id="footer">

    <div class="footer_desc" id="footer_desc">
      <div class="descColumn">
        <span class="descColumnTitle">关于颖睿</span>
        <a href="/about/profile">公司概况</a>
        <a href="/about/history">公司历史</a>
      </div>
      <div class="descColumn">
        <span class="descColumnTitle">产品中心</span>
        <a href="/products/productProfile">WEB项目</a>
        <a href="/products/PCSofeware">PC端项目</a>
        <a href="/products/MobileSofeware">移动端项目</a>
      </div>
      <div class="descColumn">
        <span class="descColumnTitle">服务中心</span>
        <a href="/service/serviceProfile">服务中心</a>
        <a href="/service/solution">解决方案</a>
      </div>
      <div class="descColumn">
        <span class="descColumnTitle">人力资源</span>
        <a href="/assistance/assProfile">人力资源</a>
        <a href="/assistance/employmentJob">求职方案</a>
      </div>
      <div class="descColumn">
        <span class="descColumnTitle">联系我们</span>
        <a href="/contact/conProfile"><img src="https://how2j.cn/tmall/img/site/ma.png"></a>
      </div>
    </div>
</div>
</template>

<script>
    export default {
        name: "foot"
    }
</script>

<style scoped>
  #footer{
    height: 210px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e7e7e7;
    text-decoration:none;
    margin: 0 auto;
    background-color: #303034;
  }
  div.footer_desc{
    text-align: center;
    padding-top: 20px;
    margin: 20px auto;
  }
  div.footer_desc div.descColumn{
    width: 17%;
    float: left;
    padding-left: 15px;
  }
  div.footer_desc div.descColumn span.descColumnTitle{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    /*padding-bottom: 10px;*/
  }
  div.footer_desc a{
    display: block;
    padding-top: 3px;
  }
  body{
    font-size: 10px;
    font-family: Arial;
  }
  a{
    color:#999;
  }
  a:hover{
    text-decoration:none;
    color: #C40000;
  }
</style>

